<!--
 * @Author: scl
 * @Date: 2023-07-07 11:09:11
 * @LastEditTime: 2023-07-07 11:22:32
 * @Description: file content
-->
<template>
    <div class="box">
       <img src="@/assets/images/error_images/404.png" alt="">
       <el-button @click="goHome">首页</el-button>
    </div>
    <div id="content">
      <h1>404 - Page Not Found</h1>
      <p>The page you are looking for does not exist.</p>
      <p>Go back to <a href="/">homepage</a>.</p>
    </div>
    
</template>

<script setup lang="ts">
import {useRouter} from 'vue-router';
let $router = useRouter();
const goHome = ()=>{
   $router.push('/home')
}
</script>

<style scoped lang="scss">
.box{
  width: 100%;
//   height: 100vh;
//   background: yellowgreen;
  display: flex;
  justify-content: center;
  img{
    width: 800px;
    // height: 400px;
  }
  button{
    width: 50px;
    height: 50px;
  }
}
#content{
  text-align: center;
  line-height: 25px;
}
</style>